<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <title>打印收据</title>
  <link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.min.css" />
  <link rel="stylesheet" href="https://ks3-cn-beijing.ksyun.com/vform3/render.style.css?t=20220129">
  <style type="text/css">
  </style>
</head>

<body>

  <div id="app">
    <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
    </v-form-render>
  </div>

  <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.30/vue.global.min.js"></script>
  <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.full.min.js"></script>
  <script src="https://ks3-cn-beijing.ksyun.com/vform3/render.umd.js?t=20220129"></script>
  <!-- axios -->
  <script src="__STATIC__/js/axios.min.js"></script>
  <script type="text/javascript"
    src="__STATIC__/js/main.js?{if $Think.env.app_debug}_={:time()}{else /}v={$Think.config.tpadmin.version}{/if}"></script>
  <script>
    let that = this
    axiosGet("{:url('house.uncollected/queryData')}", { id: '{$id}' }).then(response => {
      if (response.code == 1) {
        const { createApp } = Vue;
        const app = createApp({
          data() {
            return {
          formJson: {"widgetList":[{"key":88556,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"title","columnWidth":"200px","hidden":false,"textContent":"房 租 收 款 收 据 单","customClass":["title"],"onCreated":"","onMounted":"","label":"static-text"},"id":"statictext105776"},{"key":113217,"type":"grid","category":"container","icon":"grid","cols":[],"options":{"name":"grid80842","hidden":false,"gutter":12,"colHeight":null,"customClass":[]},"id":"grid80842"},{"key":113217,"type":"grid","category":"container","icon":"grid","cols":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"house_number","label":"房号","labelAlign":"label-right-align","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":"","labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":["font"],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input48807"}],"options":{"name":"gridCol35768","hidden":false,"span":8,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-35768"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"term","label":"租期","labelAlign":"label-right-align","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input44319"}],"options":{"name":"gridCol98991","hidden":false,"span":9,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-98991"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"meter_reading_time","label":"抄表日期","labelAlign":"label-right-align","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":"60","labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input14269"}],"options":{"name":"gridCol45941","hidden":false,"span":7,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-45941"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":4759,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext95918","columnWidth":"200px","hidden":false,"textContent":"电费","customClass":["center"],"onCreated":"","onMounted":"","label":"static-text"},"id":"statictext95918"},{"key":113217,"type":"grid","category":"container","icon":"grid","cols":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"electricity_meter","label":"表度数","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":"50","labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":["font"],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input59141"}],"options":{"name":"gridCol10120","hidden":false,"span":15,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-10120"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"electricity_consumption","label":"用量","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input83155"}],"options":{"name":"gridCol109707","hidden":false,"span":9,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-109707"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"electricity_price","label":"单价","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input20547"}],"options":{"name":"gridCol102502","hidden":false,"span":12,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-102502"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"electricity","label":"金额","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input98352"}],"options":{"name":"gridCol22454","hidden":false,"span":9,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-22454"}],"options":{"name":"grid102174","hidden":false,"gutter":12,"colHeight":null,"customClass":[]},"id":"grid102174"}],"options":{"name":"gridCol15306","hidden":false,"span":12,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":["border"]},"id":"grid-col-15306"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":4759,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext90038","columnWidth":"200px","hidden":false,"textContent":"水费","customClass":["center"],"onCreated":"","onMounted":"","label":"static-text"},"id":"statictext90038"},{"key":113217,"type":"grid","category":"container","icon":"grid","cols":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"water_meter","label":"表度数","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":"50","labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input74836"}],"options":{"name":"gridCol86258","hidden":false,"span":15,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-86258"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"water_consumption","label":"用量","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input32456"}],"options":{"name":"gridCol39660","hidden":false,"span":9,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-39660"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"water_price","label":"单价","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input90060"}],"options":{"name":"gridCol105476","hidden":false,"span":12,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-105476"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"water","label":"金额","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input30666"}],"options":{"name":"gridCol25480","hidden":false,"span":9,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-25480"}],"options":{"name":"grid47065","hidden":false,"gutter":12,"colHeight":null,"customClass":[]},"id":"grid47065"}],"options":{"name":"gridCol60994","hidden":false,"span":12,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":["border"]},"id":"grid-col-60994"}],"options":{"name":"grid59998","hidden":false,"gutter":12,"colHeight":null,"customClass":[]},"id":"grid59998"},{"key":113217,"type":"grid","category":"container","icon":"grid","cols":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"rental","label":"租金","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input63036"}],"options":{"name":"gridCol47658","hidden":false,"span":6,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-47658"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"deposit","label":"押金","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":"","labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input95405"}],"options":{"name":"gridCol9461","hidden":false,"span":6,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-9461"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"garbage_fee","label":"垃圾费","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":"50","labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":"","labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input57171"}],"options":{"name":"gridCol80963","hidden":false,"span":6,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-80963"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"other_charges","label":"其它","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":"","labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input59125"}],"options":{"name":"gridCol35068","hidden":false,"span":6,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-35068"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":101349,"type":"input","icon":"text-field","formItemFlag":true,"options":{"name":"total_money","label":"合计","labelAlign":"","type":"text","defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"clearable":false,"showPassword":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"prefixIcon":"","suffixIcon":"","appendButton":false,"appendButtonDisabled":false,"buttonIcon":"custom-search","onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"input25536"}],"options":{"name":"gridCol54898","hidden":false,"span":24,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":[]},"id":"grid-col-54898"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":85444,"type":"textarea","icon":"textarea-field","formItemFlag":true,"options":{"name":"note","label":"备注","labelAlign":"","rows":2,"defaultValue":"","placeholder":"","columnWidth":"200px","labelWidth":null,"labelHidden":false,"readonly":true,"disabled":false,"hidden":false,"required":false,"requiredHint":"","validation":"","validationHint":"","customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"minLength":null,"maxLength":null,"showWordLimit":false,"onCreated":"","onMounted":"","onInput":"","onChange":"","onFocus":"","onBlur":"","onValidate":""},"id":"textarea44208"}],"options":{"name":"gridCol12650","hidden":false,"span":24,"offset":0,"push":0,"pull":0,"responsive":false,"md":12,"sm":12,"xs":12,"customClass":""},"id":"grid-col-12650"}],"options":{"name":"grid105314","hidden":false,"gutter":12,"colHeight":null,"customClass":""},"id":"grid105314"}],"formConfig":{"modelName":"printData","refName":"vForm","rulesName":"rules","labelWidth":30,"labelPosition":"left","labelAlign":"label-right-align","cssCode":".title {\r\n    text-align: center;\r\n    font-size : 20px;\r\n}\r\n\r\n.center {\r\n    text-align: center;\r\n}\r\n\r\n.border {\r\n    border: 1px solid;\r\n}\r\n\r\n.font{\r\n    font-size: medium;\r\n}","customClass":["center"],"functions":"","layoutType":"PC","jsonVersion":3,"onFormCreated":"","onFormMounted":"","onFormDataChange":"","dataSources":[],"onFormValidate":""}},
         
          
        
              formData: response.data,
              optionData: {}
            }
          },
        });
        app.use(ElementPlus)
        app.use(VFormRender)
        app.mount("#app");
        window.print()
      } else {
        that.$message.error('系统出错了!!!');
      }
    });

    var afterPrint = function () {
      window.close()
    };
    if (window.matchMedia) {   //返回一个新的 MediaQueryList 对象，表示指定的媒体查询字符串解析后的结果。
      var mediaQueryList = window.matchMedia('print');
      mediaQueryList.addListener(function (mql) {
        if (!mql.matches) {
          afterPrint();
        }
      });
    }
    window.onafterprint = afterPrint;
  </script>
</body>

</html>